<template>
  <div id="app">
    <router-view v-if="isRouterAlive"></router-view>
  </div>
</template>


<script>
    export default {
        name: 'App',
        provide() {
            return {
                reload: this.reload
            };
        },
        data() {
            return {
                isRouterAlive: true,
            };
        },
        methods: {
            reload() {
                this.isRouterAlive = false;
                this.$nextTick(function () {
                    this.isRouterAlive = true;
                });
            }
        }
    }
</script>

<style lang="less">

  @import "/src/assets/iconfont/iconfont.css";

  .size {
    width: 100%;
    height: 100%;
  }

  html, body {
    .size;
    overflow: hidden;
    margin: 0;
    padding: 0;
  }

  #app {
    .size;
  }
</style>

<style>
  .ivu-card-body {
    padding: 6px !important;
  }

  .ivu-table-cell {
    padding-left: 6px !important;
    padding-right: 6px !important;
  }

  .table-margin-top{
    margin-top: 10px;
  }
</style>
